<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title><!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>Title</title>
            <link rel="stylesheet" href="css/font-awesome-4.7.0/css/font-awesome.min.css">
            <link rel="stylesheet" href="css/login.css">
            <link rel="stylesheet" href="css/footer.css">
            <style>
                * {
                    font-family: "Open Sans", sans-serif;
                }

                body{
                    /*background: #f3f3f3;*/
                    background: #FFFFFF;
                }

                a {
                    text-decoration: none;
                }

                .clear {
                    clear: both;
                }

                .content-body {
                    width: 1200px; margin: 0 auto;padding-top: 20px;
                }


                /*  */
            </style>
        </head>
<body style="margin: 0;">
<select style="display: none;">
</select>
<div>

    <div style="">
        <!-- 頭部文字 Start -->
        <div style="height: 50px; background-color: #19518C;">
            <div style="width: 1200px; margin: 0 auto; font-size: 14px; color: #fff; line-height: 50px;">
                <div style="width: 500px; float: left; text-align: left;padding: 0 5px;">欢迎进入泾河新城公安信息网！</div>
                <div style="width: 500px; float: right; text-align: right;">
                    <a href="#" style="color: #fff; text-decoration: none;">登陆</a>&nbsp;&nbsp;|
                    <a href="#" style="color: #fff; text-decoration: none;">加入收藏</a>&nbsp;&nbsp;|
                    <a href="#" style="color: #fff; text-decoration: none;">设为首页</a>
                </div>
            </div>
        </div>
        <!-- 頭部文字 End   -->

        <!-- 頭部圖片 Start -->
        <div style="height: 350px;">
            <img src="imgs/bgImg1.jpg" style="width:100%; height: 100%; max-height: 100%;max-width: 100%;">
        </div>
        <!-- 頭部圖片 End -->

        <!--導航菜單 Start-->
        <div style="height: 80px; background-color: #19518C;">
            <div style="width: 1200px; margin: 0 auto; font-size: 18px; color: #fff; line-height: 80px;">

                <a href="#" style="color: #fff; text-decoration: none; padding: 0px 6px;">首页</a>
                <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">走进泾河</a>
                <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">通知公告</a>
                <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">分局文件</a>
                <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">分局新闻</a>
                <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">公安简报</a>
                <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">法制园地</a>
                <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">纪检督察</a>
                <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">刑侦工作</a>
                <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">治安工作</a>
                <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">交通工作</a>
                <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">警情研判</a>
                <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">警营文化</a>
                <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">软件下载</a>
            </div>
        </div>
        <!--導航菜單 End-->
    </div>


    <!-- 正文Start -->
    <div class="content-body">

        <div class="login-body">
            <div class="login-body-title">
                登陆
            </div>

            <div class="login-body-form">
                <div class="login-body-form-item">
                    <div class="login-body-form-item-title">
                        <span>用户名</span>
                    </div>
                    <div class="login-body-form-item-input">
                        <input type="text" name="userName" id="userName"/>
                    </div>
                </div>
                <div class="login-body-form-item">
                    <div class="login-body-form-item-title">
                        <span>密码</span>
                    </div>
                    <div class="login-body-form-item-input">
                        <input type="password" name="password" id="password"/>
                    </div>
                </div>

            </div>
            <div class="clear"></div>
            <div style="text-align: center;padding-top: 40px;">
                <button style="border: none;width: 120px; height: 38px;font-size: 14px;">登  陆</button>
            </div>
        </div>

    </div>
    <!-- 正文 End -->


    <!-- 底部 Start -->
    <div class="footer">

        <div class="footer-context">

            <div class="foot_links">
                <div style="width: 220px; font-size: 28px;font-weight: bold;float: left; padding-left: 20px;">
                    <span>友情链接</span>
                    <i class="fa fa-angle-right" style="padding-left: 15px;font-size: 24px;"></i>
                </div>
                <div class="foot_link_item foot_link_item_qg">
                    <span>全国站点导航</span>
                    <i class="fa fa-angle-up" style="padding-left: 12px;font-size: 24px;"></i>
                    <div class="dropdown-menu">
                        <ul>
                            <li><a href="#">外交部</a></li>
                            <li><a href="#">国防部</a></li>
                            <li><a href="#">国家发展和改革委员会</a></li>
                            <li><a href="#">教育部</a></li>
                            <li><a href="#">科学技术部</a></li>
                            <li><a href="#">工业和信息化部</a></li>
                            <li><a href="#">国家民族事务委员会</a></li>
                            <li><a href="#">公安部</a></li>
                            <li><a href="#">民政部</a></li>
                            <li><a href="#">司法部</a></li>
                            <li><a href="#">财政部</a></li>
                            <li><a href="#">人力资源和社会保障部</a></li>
                            <li><a href="#">生态环境部</a></li>
                            <li><a href="#">交通运输部</a></li>
                            <li><a href="#">水利部</a></li>
                            <li><a href="#">农业农村部</a></li>
                            <li><a href="#">商务部</a></li>
                            <li><a href="#">文化和旅游部</a></li>
                            <li><a href="#">退役军人事务部</a></li>
                            <li><a href="#">应急管理部</a></li>
                        </ul>
                    </div>
                </div>
                <div class="foot_link_item foot_link_item_qs">
                    <span>全省站点导航</span>
                    <i class="fa fa-angle-up" style="padding-left: 12px;font-size: 24px;"></i>
                    <div class="dropdown-menu">
                        <ul>
                            <li><a href="#">北京</a></li>
                            <li><a href="#">天津</a></li>
                            <li><a href="#">河北</a></li>
                            <li><a href="#">黑龙江</a></li>
                            <li><a href="#">辽宁</a></li>
                            <li><a href="#">吉林</a></li>
                            <li><a href="#">内蒙古</a></li>
                            <li><a href="#">山东</a></li>
                            <li><a href="#">上海</a></li>
                            <li><a href="#">重庆</a></li>
                            <li><a href="#">山西</a></li>
                            <li><a href="#">河南</a></li>
                            <li><a href="#">四川</a></li>
                            <li><a href="#">陕西</a></li>
                            <li><a href="#">宁夏</a></li>
                            <li><a href="#">甘肃</a></li>
                            <li><a href="#">青海</a></li>
                            <li><a href="#">西藏</a></li>
                            <li><a href="#">福建</a></li>
                            <li><a href="#">江苏</a></li>
                            <li><a href="#">广西</a></li>
                            <li><a href="#">贵州</a></li>
                        </ul>
                    </div>
                </div>
                <div class="foot_link_item foot_link_item_xx">
                    <span>西咸新区导航</span>
                    <i class="fa fa-angle-up" style="padding-left: 12px;font-size: 24px;"></i>
                    <div class="dropdown-menu">
                        <ul>
                            <li><a href="#">沣东新城</a></li>
                            <li><a href="#">沣西新城</a></li>
                            <li><a href="#">泾河新城</a></li>
                            <li><a href="#">秦汉新城</a></li>
                            <li><a href="#">空港新城</a></li>
                        </ul>
                    </div>

                </div>
                <div class="foot_link_item foot_link_item_cy">
                    <span>常用站点导航</span>
                    <i class="fa fa-angle-up" style="padding-left: 12px;font-size: 24px;"></i>
                    <div class="dropdown-menu">
                        <ul>
                            <li><a href="#">新华网</a></li>
                            <li><a href="#">人民网</a></li>
                            <li><a href="#">信用西安</a></li>
                            <li><a href="#">百度</a></li>
                            <li><a href="#">腾讯网</a></li>
                            <li><a href="#">网易</a></li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>

        <div class="foot-hr"></div>
        <div class="foot-msg">
            <p>地址：陕西省西咸新区泾河新城             电话：029-36390223             邮编：713700</p>
            <p>版权所有：泾河新城公安信息网     2019-2029</p>
        </div>

    </div>
    <!-- 底部 End -->

</div>
<script src="js/jquery.js"></script>
<script src="js/footer.js"></script>
<script>

    $(document).ready(function(){
    });



</script>
</body>
</html></title>
</head>
<body>



</body>
</html>